<template>
  <div class="login-root">
    <div class="login-contain">
      <login-header></login-header>
      <login-main></login-main>
      <the-footer></the-footer>
    </div>
  </div>
</template>

<script>
import LoginHeader from '@/components/LoginHeader.vue';
import LoginMain from '@/components/LonginMain.vue';
import TheFooter from '@/components/TheFooter.vue';

export default {
  components: { LoginHeader, LoginMain, TheFooter },
};
</script>

<style lang="scss" scoped>
.login-root {
  min-height: 100vh;
  // background-image: url(https://cdn.ur.qq.com/statics/bg_login.57bfb022.jpg);
  background-color: rgb(13, 54, 13);
}
.login-root::before {
  content: "";
}
.login-contain {
  width: 620px;
  margin: 0 auto 60px auto;
}
</style>
